<template>
    <div class="btnbox" @click="addfn">{{value}}</div>
</template>

<script>
    export default {
        components: {},
        data() {
            return {}
        },
        props: {
          value:''
        },
        methods: {
          addfn(){
            this.$emit('click')
          }
        },
        mounted() {
        },
        created() {
        },
    }
</script>

<style scoped lang="less">
  .btnbox{
    display: inline-block;
    width: 100%;
    background-color: #35c7d2;
    color: white;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s;
  }
  .btnbox:hover{
    opacity: 0.9;
  }
</style>
